<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>表单控件</title>
<style>
	.full_w{
		width:100%;
	}
	
	.small_w{
		width:40px;
		text-align:center;
	}
	
	.small_w td{
		width:60px;
	}
	
	.center{
		text-align:center;
	}
	
	#small_font td{
		font-size:13px;
	}
	
	#select{
		margin:auto;
	}
</style>
</head>
<body>
	<h2>User Registration</h2>
  <p>Please complete the following form to register with our site:</p>
  <table>
  	<tr>
    	<td>User Name:</td>
      <td><input type='text' name='txt_user_name' size='20' placeholder="your name" /></td>
    </tr>
    <tr>
    	<td>Password:</td>
      <td><input type='password' name='pwd_pwd' size='20' placeholder="your password" /></td>
    </tr>
    <tr>
    	<td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
    	<td>Gender:</td>
      <td><input type='radio' name='rad_sex' value='male' />Male</td>
    </tr>
    <tr>
    	<td></td>
      <td><input type='radio' name='rad_sex' value='female' />Female</td>
    </tr>
    <tr>
    	<td>&nbsp;</td><td>&nbsp;</td>
    </tr>
    <tr>
    	<td>How did you hear about us?:</td>
      <td>
      	<select name='sel_referrer'>
        	<option selected='selected' value="">Select answer</option>
          <option value="website">Another website</option>
          <option value="print_ad">Magazine ad</option>
          <option value="friend">From a friend</option>
          <option value="other">Other</option>
        </select>
      </td>
    </tr>
    <tr>
    	<td>&nbsp;</td><td>&nbsp;</td>
    </tr>
    <tr>
    	<td>Please select this box if you wish<br />to be added to our mailing list
      	<br /><small>We will not pass on your details to any third
        party.</small>
      </td>
      <td><input type='checkbox' name='chk_mailing_list'></td>
    </tr>
    <tr>
    	<td></td>
      <td><input type='submit' value='Register now' /></td>
    </tr>
  </table>
  
  <form action="#" method="post">
  	<table>
    	<tr>
      	<td><label for="uname">User name</label></td>
        <td><input type='text' id='uname' name='txt_username' /></td>
      </tr>
      <tr>
      	<td><label for='pwd' accesskey='q'>Password</label></td>
        <td><input type='password' id='pwd' name='pwd_pwd' /></td>
      </tr>
    </table>
  </form>
  
  <fieldset>
  	<legend accesskey="c"><em>Tiebreaker Question</em></legend>
    <label>
    	In 25 words or less,say why you would like to win $10,000:
      <textarea name='txt_tiebreaker' rows="10" cols="40"></textarea>
    </label>
  </fieldset>
  <fieldset>
  	<legend><em>Enter competition</em></legend>
    <input type='submit' value='Enter Competition' />
  </fieldset>
  <br />
  <br />
  <h1>Reply to ad</h1>
  <table>
  	<caption>Use the following form to respond to the ad</caption>
    <form action="#" method="post">
      <tr>
        <td>To</td>
        <td><input type="text" class='full_w' name="txt_name" value="Star seller" 
        readonly='readonly'/></td>
      </tr>
      <tr>
        <td>Your email</td>
        <td><input class='full_w' type="text" name="txt_email" /></td>
      </tr>
      <tr>
        <td>Body</td>
        <td><textarea name='txt_body' cols="40" rows="10"></textarea></td>
      </tr>
      <tr>
        <td>Subject</td>
        <td><input type="text" class='full_w' name='txt_subject' /></td>
      </tr>
      <tr>
        <td><input type="submit" value="Send email" /></td>
        <td></td>
      </tr>
     </form>
  </table>
  <br />
  <br />
  <h1>Register your opinion</h1>
  <div style="width:550px;">
    <h3>How well do you rate the information on this site 
    (where 1 is very <br /> poor,and 5 is very good)?</h3>
    <table id='select' cellpadding="5px">
      <tr class="small_w">
        <td><input type="radio" name='rad_select' value="1" /></td>
        <td><input type="radio" name='rad_select' value="2" /></td>
        <td><input type="radio" name='rad_select' value="3" checked='checked' /></td>
        <td><input type="radio" name='rad_select' value="4" /></td>
        <td><input type="radio" name='rad_select' value="5" /></td>
      </tr>
      <tr class="center">
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
      </tr>
      <tr id='small_font' class="center">
      	<td>Very Poor</td>
        <td>Poor</td>
        <td>Average</td>
        <td>Good</td>
        <td>Very Good</td>
      </tr>
    </table>
    <input type="submit" value="Vote now" />
   </div>
</body>
</html>